<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>忘记密码</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="__PUBLIC__/X-admin/css/x-admin.css" media="all">
    </head>
    
    <body>
        <div class="x-body">
            <form class="layui-form" method="post" action="">
            	<input type="hidden" id="ids" value="{$list['id']}" >
                <div class="layui-form-item">
                    <label for="username" style="font-size:30px" >重置密码</label>
                </div>

			    <div class="layui-form-item">
                    <label for="L_pass" class="layui-form-label">
                        <span class="x-red">*</span>新密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_pass" name="pass" required="" lay-verify="pass" autocomplete="off" class="layui-input">
                    </div>
                    <div id='ss' class="layui-form-mid layui-word-aux">
                        6到16个任意数组字母
                    </div>
                </div>

                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                        <span class="x-red">*</span>确认密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_repass" name="repass" required="" lay-verify="repass" autocomplete="off" class="layui-input">
                    </div>
                     <div id='dd' class="layui-form-mid layui-word-aux">
                       
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label"></label>
                    <button id="ff" class="layui-btn" lay-filter="add" lay-submit="" disabled>确认修改</button>
                </div>
            </form>
        </div>
        <script src="__PUBLIC__/X-admin/lib/layui/layui.js" charset="utf-8">
        </script>
        <script src="__PUBLIC__/X-admin/js/x-layui.js" charset="utf-8">
        </script>
        <script>

            layui.use(['form','layer'], function(){
                $ = layui.jquery;
              var form = layui.form()
              ,layer = layui.layer;

              // 验证密码格式
              $("#L_pass").blur(function(){
                pass = $(this).val();
                if(pass.match(/^\w{6,18}$/)){
                   $('#ss').css("color","green").html("通过");
                }else{
                   $('#ss').css("color","red").html("密码格式不对");
                   $("#ff").attr("disabled",true);

                }

              });

              // 验证两次密码是否一致
              $("#L_repass").blur(function(){
                repass = $(this).val();
                pass =$("#L_pass").val();
                if(repass == pass){
                    $("#dd").css("color","green").html("通过");
                    $("#ff").attr("disabled",false);
                }else{
                    $("#dd").css("color","red").html("两次密码不一致");
                    $("#ff").attr("disabled",true);
                }
              });
              //监听提交

              form.on('submit(add)', function(data){
                
                pass = $("#L_pass").val();
                // alert(pass);
                $.post('__MODULE__/Login/resetpass',{password:pass},function(data){
                    if(data!="成功"){
                        alert('数据修改失败');
                        return false;
                    }else{
                       layer.alert("修改成功", {icon: 6},function () {
                        // 获得frame索引
                        var index = parent.layer.getFrameIndex(window.name);
                        //关闭当前frame
                        parent.layer.close(index);
                        parent.reload();
                     }); 
                    }
                });
                
                return false;
              });
            

            }); 
            
           
        </script>
    </body>

</html>